.body {
  width: 950px;
  //border: 1px solid #006CFF;
  position: relative;
  .home {
    margin-bottom: 10px;
    display: inline-block;
    width: 700px;
    // height: 100%;
    padding-left: 15px;
    background-color: #ffffff;
    box-shadow:3px 3px 5px gray;
    .article {
      background-color: #ffffff;
      width: 685px;
      min-height: 480px;
      margin-top: 5px;
      .main {
        width: 100%;
        background: #ffffff;

        padding-top: 15px;
        font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
        .essay{
          width: 100%;
          color: #1a1a1a;
          margin-bottom: 15px;
          .title{
            font-size: 18px;
            font-weight: 600;

          }
          .overview{
            margin-top: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(1, 2, 0, 0.21);
            font-size: 15px;
            p{
              a{
                &:hover{
                  color: #646464;
                  cursor: pointer;
                }
                text-decoration: none;
                span{
                  &:hover{
                    color: #646464;
                  }
                  color: blue;
                }
              }
            }
          }
        }
      }

    }
  }
  .topic{
    box-shadow:3px 3px 5px gray;
    width: 220px;
    height: 80px;
    //border: 1px solid #006CFF;
    float: right;
    background: #ffffff;
    overflow: hidden;
    //position: relative;
    .name{
      width: 100%;
      height: 60px;
      line-height: 60px;
      text-align: center;
      font-size: 24px;
      letter-spacing: 2px;
    }
    .nums{
      width: 200px;
      height: 20px;
      line-height: 20px;
      text-align: right;
      font-size: 12px;
    }
  }
}

